﻿<UserControl
    x:Class="WeatherClock.Controls.Weather"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:WeatherClock.Controls"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignHeight="390"
    d:DesignWidth="390">
    
    <Grid>
		<Ellipse Fill="#FFF4F4F5"/>
        <FlipView>
		<Grid x:Name="Cloudy">
			<StackPanel Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center">
				<TextBlock TextWrapping="Wrap" Text="32" Foreground="#FF4D774B" FontSize="134" FontFamily="Segoe UI" VerticalAlignment="Center"/>
				<Grid Margin="0,30">
					<Ellipse Fill="#FF4D774B" Width="30" Height="30" VerticalAlignment="Top"/>
					<TextBlock TextWrapping="Wrap" Foreground="#FF4D774B" VerticalAlignment="Bottom" FontFamily="Segoe UI" FontSize="28">
						<Run Foreground="#FF29432E" Text="C"/>
						<Run Text="/F"/>
					</TextBlock>

				</Grid>

			</StackPanel>
			<Path Data="{Binding Mode=OneWay, Source={StaticResource Cloud}}" Fill="#FFB1CFD8" HorizontalAlignment="Right" Stretch="Uniform" VerticalAlignment="Top" Width="95" UseLayoutRounding="False" Margin="0,15,30,0"/>
			<Path Fill="#FF4D774B" HorizontalAlignment="Center" Stretch="Uniform" VerticalAlignment="Bottom" Width="95" UseLayoutRounding="False" Data="{Binding Mode=OneWay, Source={StaticResource Plant}}" Margin="0,0,0,30"/>

		</Grid>
		<Grid x:Name="Sunny">
			<StackPanel Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center">
				<TextBlock TextWrapping="Wrap" Text="40" Foreground="#FFE53725" FontSize="134" FontFamily="Segoe UI" VerticalAlignment="Center"/>
				<Grid Margin="0,30">
					<Ellipse Fill="#FFE53725" Width="30" Height="30" VerticalAlignment="Top"/>
					<TextBlock TextWrapping="Wrap" Foreground="#FF4D774B" VerticalAlignment="Bottom" FontFamily="Segoe UI" FontSize="28">
						<Run Foreground="#FFe53725" Text="C"/>
						<Run Text="/F"/>
					</TextBlock>

				</Grid>

			</StackPanel>
			<Path Fill="#FFFFB400" HorizontalAlignment="Right" Stretch="Uniform" VerticalAlignment="Top" Width="65" UseLayoutRounding="False" Margin="0,15,30,0" Data="{Binding Mode=OneWay, Source={StaticResource Day}}"/>
			<Path Fill="#FFFF7E00" HorizontalAlignment="Center" Stretch="Uniform" VerticalAlignment="Bottom" Width="38" UseLayoutRounding="False" Margin="0,0,60,60" Data="{Binding Mode=OneWay, Source={StaticResource BigLeaf}}"/>
			<Path Fill="#FFFF4800" HorizontalAlignment="Center" Stretch="Uniform" VerticalAlignment="Bottom" Width="16" UseLayoutRounding="False" Margin="0,0,0,40" Data="{Binding Mode=OneWay, Source={StaticResource SmallLeaf}}"/>

		</Grid>
		<Grid x:Name="PartylCloudy">
			<Ellipse Fill="#FFFFD800" HorizontalAlignment="Right" VerticalAlignment="Top" Width="24" Height="24" Margin="0,15,40,0"/>

			<StackPanel Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center">
				<TextBlock TextWrapping="Wrap" Text="32" Foreground="#FFFFB400" FontSize="134" FontFamily="Segoe UI" VerticalAlignment="Center"/>
				<Grid Margin="0,30">
					<Ellipse Fill="#FFFFB400" Width="30" Height="30" VerticalAlignment="Top"/>
					<TextBlock TextWrapping="Wrap" Foreground="#FF4D774B" VerticalAlignment="Bottom" FontFamily="Segoe UI" FontSize="28">
						<Run Foreground="#FFffb400" Text="C"/>
						<Run Text="/F"/>
					</TextBlock>

				</Grid>

			</StackPanel>
			<Path Data="{Binding Mode=OneWay, Source={StaticResource Cloud}}" Fill="#FFB1CFD8" HorizontalAlignment="Right" Stretch="Uniform" VerticalAlignment="Top" Width="95" UseLayoutRounding="False" Margin="0,15,30,0"/>
			<Path Fill="#FF4D774B" HorizontalAlignment="Center" Stretch="Uniform" VerticalAlignment="Bottom" Width="26" UseLayoutRounding="False" Margin="0,0,0,30" Data="{Binding Mode=OneWay, Source={StaticResource Grass}}"/>
			<Path Fill="#FF4D774B" HorizontalAlignment="Center" Stretch="Uniform" VerticalAlignment="Bottom" Width="12" UseLayoutRounding="False" Data="{Binding Mode=OneWay, Source={StaticResource Grass}}" Margin="60,0,0,40"/>
			<Path Fill="#FF4D774B" HorizontalAlignment="Center" Stretch="Uniform" VerticalAlignment="Bottom" Width="12" UseLayoutRounding="False" Data="{Binding Mode=OneWay, Source={StaticResource Grass}}" Margin="0,0,80,60"/>

		</Grid>
		<Grid x:Name="Snow">
			<StackPanel Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center">
				<Rectangle Fill="#FF162C33" Height="3" Width="12" VerticalAlignment="Bottom" Margin="0,0,0,40"/>

				<TextBlock TextWrapping="Wrap" Text="20" Foreground="#FF162C33" FontSize="134" FontFamily="Segoe UI" VerticalAlignment="Center"/>
				<Grid Margin="0,30">
					<Ellipse Fill="#FF162C33" Width="30" Height="30" VerticalAlignment="Top"/>
					<TextBlock TextWrapping="Wrap" Foreground="#FF4D774B" VerticalAlignment="Bottom" FontFamily="Segoe UI" FontSize="28">
						<Run Foreground="#FF162c33" Text="C"/>
						<Run Text="/F"/>
					</TextBlock>

				</Grid>

			</StackPanel>
			<Path Fill="#FF86DFEC" HorizontalAlignment="Right" Stretch="Uniform" VerticalAlignment="Top" Width="80" UseLayoutRounding="False" Margin="0,15,30,0" Data="{Binding Mode=OneWay, Source={StaticResource Snow}}"/>
			<Path Fill="#FF86DFEC" HorizontalAlignment="Center" Stretch="Uniform" VerticalAlignment="Bottom" Width="47" UseLayoutRounding="False" Margin="0,0,80,50" Data="{Binding Mode=OneWay, Source={StaticResource Snow}}"/>
			<Path Fill="#FFBFF7FF" HorizontalAlignment="Center" Stretch="Uniform" VerticalAlignment="Bottom" Width="32" UseLayoutRounding="False" Data="{Binding Mode=OneWay, Source={StaticResource Snow}}" Margin="0,0,0,30"/>

		</Grid>
		<Grid x:Name="Rainy">

			<Path Data="M175.074,83.905 C188.577,84.0245 201.924,89.3308 215.453,99.4652 C217.189,100.767 218.902,101.99 220.594,103.135 L222.96,104.689 L222.788,104.736 C216.557,106.339 210.206,107.641 203.751,108.628 L202.086,108.861 L200.055,107.549 C181.829,96.1709 165.477,96.6085 147.11,108.862 L146.928,108.987 L144.357,108.628 C139.516,107.888 134.733,106.97 130.016,105.881 L125.947,104.888 L128.267,103.372 C130.058,102.165 131.885,100.864 133.752,99.4652 C147.91,88.8527 161.571,83.7855 175.074,83.905 z M175.074,42.1308 C188.577,42.2502 201.924,47.5564 215.453,57.6914 C243.231,78.5092 265.024,79.3249 293.887,57.6914 C303.626,50.3953 312.206,45.6072 320.423,43.3272 L321.966,42.9404 L321.503,43.4877 C306.179,61.1776 287.725,76.082 267.003,87.3392 L265.651,88.0522 L263.53,88.426 C244.789,91.2599 226.377,85.1199 206.205,70.0061 C184.053,53.4084 165.141,53.4084 142.993,70.0061 C120.906,86.5486 101.494,92.235 81.2477,87.0656 L79.9806,86.7104 L76.9914,85.0394 C57.9362,74.0824 40.9074,59.9983 26.6053,43.4877 L25.9728,42.7396 L27.4093,42.9855 C37.0158,44.8736 46.8703,49.732 57.4884,57.6914 C84.1806,77.6924 103.883,80.0654 133.752,57.6914 C147.91,47.0789 161.571,42.0114 175.074,42.1308 z M331.477,0 C336.6,3.1E-05 341.724,1.01566 347.051,3.04697 L348.271,3.5423 L347.721,4.64871 C345.568,8.853 343.266,12.9688 340.823,16.9893 L340.757,17.0959 L339.509,16.681 C328.013,13.1802 318.079,17.031 303.128,28.2335 C269.161,53.6871 240.179,53.6871 206.205,28.2335 C184.053,11.6248 165.141,11.6248 142.993,28.2335 C109.337,53.4411 81.8912,53.4411 48.2412,28.2335 C32.8415,16.6901 20.8773,13.0827 7.61961,17.4115 L7.56125,17.4321 L7.28484,16.9893 C4.84195,12.9688 2.54034,8.853 0.386925,4.64871 L0,3.87012 L1.21881,3.4025 C19.5911,-3.20593 37.137,0.6633 57.4884,15.9188 C84.1806,35.9197 103.883,38.2915 133.752,15.9188 C162.068,-5.30624 188.395,-4.35123 215.453,15.9188 C243.231,36.7354 265.024,37.5523 293.887,15.9188 C308.053,5.30627 319.766,3.1E-05 331.477,0 z" Fill="#FFC0F4F7" Stretch="Uniform" UseLayoutRounding="False" VerticalAlignment="Bottom" Margin="22,0,22,2"/>

			<StackPanel Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center">
				<TextBlock TextWrapping="Wrap" Text="25" Foreground="#FF162C33" FontSize="134" FontFamily="Segoe UI" VerticalAlignment="Center"/>
				<Grid Margin="0,30">
					<Ellipse Fill="#FF162C33" Width="30" Height="30" VerticalAlignment="Top"/>
					<TextBlock TextWrapping="Wrap" Foreground="#FF4D774B" VerticalAlignment="Bottom" FontFamily="Segoe UI" FontSize="28">
						<Run Foreground="#FF162c33" Text="C"/>
						<Run Text="/F"/>
					</TextBlock>

				</Grid>

			</StackPanel>
			<Path Data="{Binding Mode=OneWay, Source={StaticResource Cloud}}" Fill="#FF162C33" HorizontalAlignment="Right" Stretch="Uniform" VerticalAlignment="Top" Width="95" UseLayoutRounding="False" Margin="0,15,30,0"/>
			<Path Fill="#FF162C33" HorizontalAlignment="Right" Stretch="Uniform" VerticalAlignment="Top" Width="44" UseLayoutRounding="False" Margin="0,65,82,0" Data="{Binding Mode=OneWay, Source={StaticResource Rain}}"/>
			<Path Fill="#FFFFB400" HorizontalAlignment="Right" Stretch="Uniform" VerticalAlignment="Top" Width="30" UseLayoutRounding="False" Margin="0,50,85,0" Data="{Binding Mode=OneWay, Source={StaticResource Lightning}}"/>

		</Grid>
        </FlipView>

    </Grid>
</UserControl>
